a{
                text-decoration: none;
            }
            #button
           {
  /* Layout & Reset */
  display: inline-block;
  text-decoration: none;
  
  /* Sizing & Shape */
  padding: 12px 28px;
  border-radius: 8px; /* Smooth rounded corners */
  
  /* Colors */
  background-color: #2563eb; /* A clean, modern blue */
  color: #ffffff;
  
  /* Typography */
  font-family: 'Segoe UI', Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  
  /* The "Secret Sauce" for Decency */
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}
             #button:hover{
  background-color: #1d4ed8;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px); /* Lifts slightly */
}
            #headertextlink
            {
                color: red;
                margin-left: 10px;
                padding: 10px;
            }
            h3{
                padding: 10px;
                color: red;
                background-color: black;
                padding-left: 10px;
                
            }
            h3 :hover{
                background-color: greenyellow;
                padding: 10px;
            }
            body{
                margin: 0;
                background-color:whitesmoke;
                background-image: url(https://i.imgur.com/Lm1aVwH.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat;
            }